body{ background:#fff;}

.ban{ margin-top:0em;}
.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}

.g-case{ width:96%; margin:0 auto;}
.g-case span { text-align:center; padding:10px 0; clear:both; display:block; font-size:1.2em;}
.g-case h3{ color:#2e2e2e; text-align:center; font-size:1.25em; font-weight:bold; margin-top:1em;}
.g-case h3 i{ display:block; text-align:center; font-weight:normal; color:#777777; font-size:0.47em; text-transform:uppercase;}
.g-case li{ width:49%; height:6em;  font-size:1em; margin-top:0.725em;background:url(../images/cus_bg.jpg) no-repeat;background-size:100% auto;}
.g-case li p{ width:19.92%; margin:0.54em auto 0;}
.g-case li p img{ width:100%;}
.g-case li em{ display:block; text-align:center; font-size:0.6em; color:#222;}
.g-case li i{ display:block; background:url(../images/cus_line1.png) no-repeat center center; background-size:100% 1px; font-size:0.58em; text-align:center; color:#222; text-transform:uppercase;}
.g-case a:nth-child(2n-1) li{ float:left;}
.g-case a:nth-child(2n) li{ float:right;}
.g-case a:nth-child(2) li i,.g-case a:nth-child(6) li i{background:url(../images/cus_line2.png) no-repeat center center; background-size:100% 1px;}
.g-case a:nth-child(5) li i{background:url(../images/cus_line3.png) no-repeat center center;background-size:100% 1px;}
.g-case h4{ height:1.75em; background:url(../images/cus_btn.gif) repeat-x center center; background-size:4px 1px; font-size:1em; }
.g-case h4 p{ width:5.17em; height:1.6em; border:1px solid #1b1b1b; font-size:1em; text-align:center; text-transform:uppercase; line-height:1.6em; margin:0 auto; background:#fff; color:#222;}

.g-fen{ margin-top:0em;}
.g-fen .tit01{ margin-bottom:1.1em;}
.g-fen ul{width:90.625%; margin:0 auto 0.7em;}
.g-fen li{ font-size:1em; color:#555; width:50%; float:left; border-bottom:1px solid #ccc; height:2.5em; line-height:2.5em;}
.g-fen li a{color:#555;}
.g-fen h3{ width:82%; margin:0 auto; font-size:1.06em; color:#fff; background:url(../images/fen_h2.jpg) no-repeat center top; background-size:100% auto; padding:0.45em 1.7% 0.45em 8.6%; position:relative;}
.g-fen h3:before{ content:""; position:absolute; top:0.75em; left:2.7%; width:0.7em;height:0.7em; background:url(../images/fen_dot.png) no-repeat;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
.g-fen h3 span{ display:inline-block; width:0.9em; height:1.2em; overflow:hidden;}
.g-fen h3 span img{ width:100%;}
.g-fen ul:nth-child(3) a:nth-child(4) li,.g-fen ul:nth-child(3) a:nth-child(5) li,.g-fen ul:nth-child(3) a:nth-child(6) li,.g-fen ul:nth-child(5) a:nth-child(4) li,.g-fen ul:nth-child(5) a:nth-child(5) li,.g-fen ul:nth-child(5) a:nth-child(6) li,.g-fen ul:nth-child(7) a:nth-child(1) li,.g-fen ul:nth-child(7) a:nth-child(2) li,.g-fen ul:nth-child(9) a:nth-child(4) li{ border-bottom:0;}

.tit01{ padding:0.8em 4%; font-size:1.25em; font-weight:bold; background:url(../images/fen_h.jpg) no-repeat center top; background-size:100% auto; color:#fff;}
.tit01 i{ font-size:0.6em; color:#bababa; text-transform:uppercase; font-weight:normal; padding-left:2%;}
.tit01 span{ display:inline-block; border:1px solid #fff; font-size:0.8em; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; padding:0.2em 0.6em;}

.g-show{ margin-top:1.5em;}
.g-show h3{ height:2.8em; line-height:2.8em; font-size:1.25em; padding:0 4.6875%; background:url(../images/fen_h.jpg) no-repeat center top; background-size:100% auto;  color:#fff; font-weight:bold}
.g-show h3 span{display:inline-block; border:1px solid #fff; font-size:0.8em; height:2em; line-height:2em; text-align:center; color:#fff;  text-transform:uppercase; padding:0 0.7em; margin-top:0.8em; font-weight:normal}
.show .sclwrap_box{ height:13.7em;overflow:hidden;}
.show{ position:relative; margin-top:1.583em;}
.show .nowarp{ width:78.8%; margin:0 auto;}
.show .prev{ width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:2.125em; left:1.5%;}
.show .next{width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:2.125em; right:1.5%;}
.show .prev img,.show .next img{ width:100%;}
.show .con{ width:100%; float:left;}
.show .con li{ width:46.73%;}
.show .con li img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.show .con li p{ text-align:center; color:#666; font-size:0.92em; line-height:2em;}
.show .con a:nth-child(2n-1) li{ float:left;}
.show .con a:nth-child(2n) li{ float:right;}

.guan1{ background:url(../images/guan1.jpg) no-repeat center top; background-size:100% auto; font-size:1.04em; text-align:center; font-weight:bold; color:#222; padding:3em 0 3em 0;}
.guan1 span{ font-size:1.24em; color:#ca000e;}
.guan1 em{ color:#ca000e;}
.guan1 i{ display:block; font-weight:normal; color:#333; font-size:0.6em;}
.guan1 p{ font-weight:normal; font-size:0.96em;}

.g-pk h3{ text-align:center; font-size:1.25em; font-weight:bold; color:#2e2e2e; margin-top:1em;}
.g-pk h3 i{ display:block; font-weight:normal; color:#777777; text-transform:uppercase; font-size:0.47em;}
.pk .sclwrap_box ,.pk .m-box{ height:12em;overflow:hidden;}
.pk .m-cnt{height:3.583em; overflow:hidden; margin-top:0.9em;}
.pk .m-cnt li{ width:30%; height:2em; line-height:2em; font-size:1.5em; text-align:center; color:#fff; background:#999; background-size:100% auto; float:left; margin:0 1.4%;}
.pk .m-cnt li.z-on{background:url(../images/pk_bg1.gif) no-repeat center top; height:2em; background-size:100% auto; color:#fff;}
.pk .m-cnt li:nth-child(4){ margin-right:0;}
.pk .con{ width:100%; float:left;}
.gy{ width:96%; margin:0.8em auto; }
.gy li{ width:100%%;}
.gy li img{ padding:2px; border:1px solid #222; width:100%; display:block; box-sizing:border-box;}
.gy li p{ font-size:1em; line-height:1.5em; color:#222; margin-top:0.6em; margin-bottom:0.6em; display:block; width:100%;}
.gy a:nth-child(2n-1) li{}
.gy a:nth-child(2n) li{ }
.gy a:last-child li img{ border:1px solid #e9e9e9;}
.gy h5{ width:13.8%; overflow:hidden; position:absolute; top:3em; left:43%; z-index:8;}
.gy h5 img{ width:100%;}

.g-ys{ background:url(../images/ys_bg.gif); background-size:67px 61px;}
.g-ys h3 img{ width:100%; display:block;}
.ys .sclwrap_box{ height:12em;overflow:hidden;}
.ys{ position:relative; z-index:8; margin-top:15px;}
.ys .nowarp{ width:100%; margin:0 auto;}
.ys .prev{ width:1.875em; height:1.875em; overflow:hidden; position:absolute; top:0.6em; left:9%; z-index:10;}
.ys .next{width:1.875em; height:1.875em; overflow:hidden; position:absolute; top:0.6em; right:9%;z-index:10;}
.ys .prev img,.ys .next img{ width:100%;}
.ys .con{ float:left; width:100%;}
.cnt1{ width:94%; margin:0 auto; border:1px solid #222; height:3em; font-size:1em;}
.cnt1 ul{ width:50%; margin:0 auto; position:relative; height:3em; font-size:1em;}
.cnt1 li:before{ background: none repeat scroll 0 0 #a5a5a5;
    content: "";
    height: 1px;
    position: absolute;
    right: 10%;
    top: 62%;
    width: 0.33em;}
.cnt1 li{ font-size:1.25em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#424242; line-height:2.5em; width:20%; height:2em; float:left; z-index:10; position:relative;}
.cnt1 li:last-child:before{ background:none;}
.cnt1 .li01{ color:#ca000e; font-size:1.6em; line-height:1.9em;}
.cnt1 .li01:before{ top:48%;}
.ys2 dt img{ width:100%; display:block; margin-top:1.04em;}
.ys2 dd{ font-size:1.1em; color:#222;  padding:0 3%; padding-top:0.6em; padding-bottom:0.6em; line-height:1.5em;}
.ys2 dd span{ font-size:1.1em; color:#ca000e; font-weight:bold; height:4em; line-height:4em; background-size:15%;  display:block; padding-left:25%}

.g-ys h5{ font-size:1em; margin:0.5em auto; padding-bottom:2.2em; width:80% }
.g-ys h5 a{ display:inline-block; width:40.8%; height:2.13em; font-size:1.08em; text-align:center; color:#fff; background:#404144; line-height:2.13em; margin:0 4%;}
.g-ys h5 a:last-child{ background:#ca000e;}
.guan2 img{ width:100%; display:block;}




.wit{ height:22em; overflow:hidden; position:relative;}
.wit h5{display:inline-block; font-size:1em; color:#222; border:1px solid #222; text-transform:uppercase; font-weight:normal; padding:0.2em 0.7em; position:absolute; top:2.5em; right:4.68%;}
.wit .sclwrap_box{ height:35.2em;overflow:hidden;}
.cnt2{ width:95%; margin:2.53em auto 0; font-size:1em; border-bottom:1px solid #000; height:2.33em;}
.cnt2 li{ font-size:1.25em; font-weight:bold; color:#222; margin-right:4%; float:left; height:1.8em;}
.cnt2 li{ width:22.75%;}
.cnt2 li.z-on{ border-bottom:0.17em solid #ca000e; color:#ca000e;}
.wit2{ width:100%; float:left; position:relative; margin-top:1.33em;}
.wit2 .no_ov{ width:75%; margin:0 auto;}
.wit2 .prev{ width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:3.8em; left:1.5%;}
.wit2 .next{width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:3.8em; right:1.5%;}
.wit2 .prev img,.wit2 .next img{ width:100%;}
.wit2 .page{ float:left; width:100%;}
.wit2 .page a:nth-child(2n-1) li{ float:left;}
.wit2 .page a:nth-child(2n) li{ float:right;}
.wit2 .page li{ width:46.25%;}
.wit2 .page li img{ width:100%;}
.wit2 .page li p{ font-size:1em; color:#362c24; padding-top:0.5em; line-height:1em; text-align:center}
.wit2 .page li p span{ color:#ca000e;}
.wit2 .page2 li img{ width:100%; border:1px solid #e0e0e0; box-sizing:border-box;}
.wit2 .page2 li p{ text-align:center; line-height:2.5em; padding:0;}

.g-about{ width:95%; margin:2em auto 0;}
.g-about h3{ font-size:1.25em; font-weight:bold; background:url(../images/about_h.gif) no-repeat left bottom; background-size:100% auto; padding-bottom:0.7em; color:#222;}
.g-about h3 span{display:inline-block; font-size:0.8em; color:#222; border:1px solid #222; text-transform:uppercase; font-weight:normal; padding:0.2em 0.7em;}
.g-about dt img{ width:100%; display:block; margin-top:1.25em;}
.g-about dd{ font-size:1em; color:#222; line-height:1.5em; padding-top:0.8em;}
.g-about dd span{ color:#ca000e; padding-left:5%;}
.g-about li{ width:30%; height:5em; float:left; background:url(../images/bg.gif) no-repeat center top; background-size:100% auto; margin:0 1%; font-size:1em; color:#fff; text-align:center; margin-top:1.2em;}
.g-about li p{ width:28.57%; margin:0.625em auto 0.2em;}
.g-about li p img{ width:100%; display:block;}
.g-about a:last-child li{ margin-right:0;}

.dy{ position:relative;}
.dy h5{display:inline-block; font-size:1em; color:#222; border:1px solid #222; text-transform:uppercase; font-weight:normal; padding:0.2em 0.7em; position:absolute; top:0; right:4.68%;}
.dy .sclwrap_box ,.dy .m-box{ height:13.5em;overflow:hidden;}
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:95%; margin:1em auto 0;}
.dy .con li{ height:2.2em; line-height:2.0em; color:#555555; background:url(../images/dy_jt.gif) no-repeat left center; background-size:0.5em 0.5em; padding-left:4%;overflow:hidden;}

@media screen and (min-width:320px) {
	body { font-size:75%;}
	.gy h5{ width:13.8%; overflow:hidden; position:absolute; top:2em; left:43%; z-index:8;}
}
@media screen and (min-width:360px) {
	body { font-size:83%;}
}
@media screen and (min-width:375px) {
	body { font-size:93%;}
	.g-case li{ width:49%;}
	.g-about li{ width:30%;}
}
@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.gy h5{ width:13.8%; overflow:hidden; position:absolute; top:3em; left:43%; z-index:8;}
}